﻿<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<head>
  <th:block th:include="include :: header('数据精确筛选成像')"/>
  <link rel="stylesheet" th:href="@{/pyd/2/css/comon0.css}">

<script type="text/javascript" th:src="@{/pyd/2/js/jquery.js}"  ></script>
</head>
	<script>
	$(window).load(function(){
             $(".loading").fadeOut()
            })

/****/
$(document).ready(function(){
	var whei=$(window).width()
	$("html").css({fontSize:whei/20})
	$(window).resize(function(){
		var whei=$(window).width()
	 $("html").css({fontSize:whei/20})
});
	});
	</script>
	<script type="text/javascript" th:src="@{/pyd/2/js/echarts.min.js}"></script>
	<script language="JavaScript"  th:src="@{/pyd/2/js/js.js}"></script>
<body>
<div class="canvas" style="opacity: .2">
	<iframe frameborder="0"  th:src="@{/py
	d/2/js/index.html}" style="width: 100%; height: 100%"></iframe>
	</div>
<div class="loading">
  <div class="loadbox"> <img th:src="@{/pyd/2/picture/loading.gif}"> 页面加载中... </div>
</div>
<div class="head">
  <h1>中科数据精确筛选</h1><!-- 中科数据精确筛选   AI数据精确筛选-->
  <div class="weather"><!--<img src="picture/weather.png"><span>多云转小雨</span>--><span id="showTime"></span></div>

	<script>
var t = null;
    t = setTimeout(time,1000);//開始运行
    function time()
    {
       clearTimeout(t);//清除定时器
       dt = new Date();
		var y=dt.getFullYear();
		var mt=dt.getMonth()+1;
		var day=dt.getDate();
       var h=dt.getHours();//获取时
       var m=dt.getMinutes();//获取分
       var s=dt.getSeconds();//获取秒
       document.getElementById("showTime").innerHTML = y+"年"+mt+"月"+day+"-"+h+"时"+m+"分"+s+"秒";
       t = setTimeout(time,1000); //设定定时器，循环运行
    }

</script>


</div>
<div class="mainbox">
  <ul class="clearfix">
    <li>
      <div class="boxall" style="height: 3.2rem">
        <div class="alltitle">品牌数据筛选</div>
        <div class="allnav" id="echart1"></div>
        <div class="boxfoot"></div>
      </div>
      <div class="boxall" style="height: 3.2rem">
        <div class="alltitle">商品数据筛选</div>
        <div class="allnav" id="echart2"></div>
        <div class="boxfoot"></div>
      </div>
      <div class="boxall" style="height: 3.2rem">
        <div style="height:100%; width: 100%;">
		  	<div class="sy" id="fb1"></div>
				<div class="sy" id="fb2"></div>
				<div class="sy" id="fb3"></div>
		  </div>
        <div class="boxfoot">

		  </div>
      </div>
    </li>
    <li>
      <div class="bar">
        <div class="barbox">
          <ul class="clearfix">
            <li class="pulll_left counter" id="thisYear">12581189</li>
            <li class="pulll_left counter" id="thisYear2">3912410</li>
          </ul>
        </div>
        <div class="barbox2">
          <ul class="clearfix">
            <li class="pulll_left">2018年总收入情况 </li>
            <li class="pulll_left">2018年总支出情况</li>
          </ul>
        </div>
      </div>
      <div class="map">
        <div class="map1"><img th:src="@{/pyd/2/picture/lbx.png}"></div>
        <div class="map2"><img th:src="@{/pyd/2/picture/jt.png}"></div>
        <div class="map3"><img th:src="@{/pyd/2/picture/map.png}"></div>
        <div class="map4" id="map_1"></div>
      </div>
    </li>
    <li>
          <div class="boxall" style="height:3.4rem">
        <div class="alltitle">款式每月销售筛选</div>
        <div class="allnav" id="echart4"></div>
        <div class="boxfoot"></div>
      </div>
      <div class="boxall" style="height: 3.2rem">
        <div class="alltitle">消费前五的客户手机尾号</div>
        <div class="allnav" id="echart5"></div>
        <div class="boxfoot"></div>
      </div>
      <div class="boxall" style="height: 3rem">
        <div class="alltitle">品牌数据筛选</div>
        <div class="allnav" id="echart6"></div>
        <div class="boxfoot"></div>
      </div>
    </li>
  </ul>
</div>
<div class="back"></div>


<script type="text/javascript" th:src="@{/pyd/2/js/china.js}"></script>
<script type="text/javascript" th:src="@{/pyd/2/js/area_echarts.js}"></script>
<script th:inline="javascript">
  $(function () {
    var ctx = [[@{/}]];
    $.ajax({
      type: "post",
      url: ctx+"ruoyi/shujushaixuan/shujushaixuanList",
      data: {},
      success: function(data) {
        //---------------  品牌销售情况筛选
        var myArray1_echarts_1 = [];
        var myArray2_echarts_1 = [];
        $.each(data.shujushaixuanList1,function (index,value){
          myArray1_echarts_1.push(value.brandName);
          myArray2_echarts_1.push(value.commodityPriceShow);
        })
        echarts_1(myArray1_echarts_1,myArray2_echarts_1);
        //---------------  商品类型销售情况筛选
        var myArray1_echarts_2 = [];
        var myArray2_echarts_2= [];
        $.each(data.shujushaixuanList2,function (index,value){
          myArray1_echarts_2.push(value.brandName);
          myArray2_echarts_2.push(value.commodityPriceShow);
        })
        echarts_2(myArray1_echarts_2,myArray2_echarts_2);

        //--------------  男女款式每月销售情况

        var data_echarts_4;
        var myArray_echarts_4 = [];
        var data3_echarts_4;
        var myArray1_echarts_4 = [];
        $.each(data.shujushaixuanList3,function (index,value){
          if(index==0){
            data_echarts_4=value.commodityStyle;
            myArray_echarts_4.push(value.month1);
            myArray_echarts_4.push(value.month2);
            myArray_echarts_4.push(value.month3);
            myArray_echarts_4.push(value.month4);
            myArray_echarts_4.push(value.month5);
            myArray_echarts_4.push(value.month6);
            myArray_echarts_4.push(value.month7);
            myArray_echarts_4.push(value.month8);
            myArray_echarts_4.push(value.month9);
            myArray_echarts_4.push(value.month10);
            myArray_echarts_4.push(value.month11);
            myArray_echarts_4.push(value.month12);
          }else{
            data3_echarts_4=value.commodityStyle;
            myArray1_echarts_4.push(value.month1);
            myArray1_echarts_4.push(value.month2);
            myArray1_echarts_4.push(value.month3);
            myArray1_echarts_4.push(value.month4);
            myArray1_echarts_4.push(value.month5);
            myArray1_echarts_4.push(value.month6);
            myArray1_echarts_4.push(value.month7);
            myArray1_echarts_4.push(value.month8);
            myArray1_echarts_4.push(value.month9);
            myArray1_echarts_4.push(value.month10);
            myArray1_echarts_4.push(value.month11);
            myArray1_echarts_4.push(value.month12);
          }

        })
        echarts_4(data_echarts_4,myArray_echarts_4,data3_echarts_4,myArray1_echarts_4);
        //-------------- 消费前五的客户手机尾号
        var myArray_echarts_5 = new Array();
        var myArray1_echarts_5 = [];
        $.each(data.shujushaixuanList4,function (index,value){
          myArray_echarts_5.push(value.recordPhone);
          myArray1_echarts_5.push(value.commodityPriceShow);
        });
        echarts_5(myArray_echarts_5,myArray1_echarts_5);
        //--------- 品牌数据筛选
        echarts_6(myArray1_echarts_1,myArray2_echarts_1);

        //--------- 商品价格分布
        echarts_31(data.shujushaixuanList5);

        var myArray_echarts_32 = new Array();
        var myArray1_echarts_32 = [];
        $.each(data.shujushaixuanList6,function (index,value) {
          myArray_echarts_32.push(value.commodityType);
          var s={"value":value.count,"name":value.commodityType};
          myArray1_echarts_32.push(s);
        })
        echarts_32(myArray_echarts_32,myArray1_echarts_32);

        //--------------- 品牌分类
        var myArray_echarts_33 = new Array();
        var myArray1_echarts_33 = [];
        $.each(data.shujushaixuanList7,function (index,value) {
          myArray_echarts_33.push(value.brandName);
          var s={"value":value.count,"name":value.brandName};
          myArray1_echarts_33.push(s);
        })
        echarts_33(myArray_echarts_33,myArray1_echarts_33);
        $("#thisYear").html(data.shujushaixuanList8[0].month1);
        $("#thisYear2").html(data.shujushaixuanList8[0].month2);
      }
    });








  })
</script>
</body>
</html>
